﻿<div>
    <div class="page-header">
        <h2>task list</h2>
    </div>
    <div class="btn-toolbar">
        <a href="#view=createTask" class="btn btn-primary btn-small"><i class="icon-plus icon-white"></i> new task</a>
        <!-- ko if: isLoading -->
        <img class="small-load margin-left" src="~/Content/images/preloader.gif" alt="preloader" />
        <!-- /ko -->
    </div>
    <table class="table table-striped table-hover">
        <colgroup>
            <col />
            <col />
            <col />
            <col />
        </colgroup>
        <thead>
            <tr>
                <th>#</th>
                <th>Status</th>
                <th>Summary</th>
                <th>Update date</th>
            </tr>
        </thead>
        <tbody>
            <!-- ko foreach: tasks -->
            <tr class="row-task" data-bind="click: $parent.taskDetails">
                <td data-bind="text: Id"></td>
                <td data-bind="text: StatusName"></td>
                <td data-bind="text: Summary"></td>
                <td data-bind="text: UpdateDate"></td>
            </tr>
            <!-- /ko -->
        </tbody>
    </table>
</div>
